<template>
  <div class="whole">
    <div class="header">
      <van-nav-bar
  title="关注/粉丝"
  left-text="返回"
  left-arrow
  @click-left="onClickLeft"
/>
    </div>
    <div class="cot">
      <van-tabs @click="onClick" line-width="5px">
        <van-tab title="关注">
            <focused />
            <focused />
            <focused />
            <focused />
            <focused />
            <focused />
            <focused />
        </van-tab>
        <van-tab title="粉丝">
            <fan />
            <fan />
            <fan />
            <fan />
            <fan />
            <fan />
            <fan />
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
import focused from "./ui/focused.vue";
import fan from "./ui/fan.vue";
export default {
    components:{
        focused,
        fan
    },
     methods: {
    onClick(name, title) {
      Toast(title);
    },
     onClickLeft() {
       this.$router.push('/mine')
    },
  },
};
</script>

<style lang="scss" scoped>
body,
html {
  margin: 0;
  padding: 0;
}
.whole {
  padding: 20px;
  .header {
    text-align: center;
    font-size: 22px;
  }
  .cot{
    margin-top: 10px;
  }
}
</style>